<template>
    <el-card>
        <el-tabs stretch>
            <el-tab-pane label="手机号注册">
                <TelephoneRegister :tab="tab" @update:tab="$emit('update:tab',$event)"/>
            </el-tab-pane>
<!--            <el-tab-pane label="邮箱注册">-->
<!--                <EmailRegister :tab="tab" @update:tab="$emit('update:tab',$event)"/>-->
<!--            </el-tab-pane>-->
        </el-tabs>
    </el-card>
</template>

<script setup>
import TelephoneRegister from "@/views/Login/components/TelephoneRegister.vue";

defineProps(["tab"])
defineEmits(["update:tab"])
</script>

<style scoped>
.el-card {
    width: 400px;
    background-color: rgba(255,255,255,0.8);
    padding: 30px;
}
</style>